<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="/lib/axios.js"></script>
        <script src="/lib/vue.js"></script>
        <link rel="stylesheet" href="/lib/elementindex.css">
        <script src="/lib/elementindex.js"></script>
        <style>
            .center{
           position: absolute;
           left: 50%;
           top: 5%;
           transform: translate(-50%,0%); 
         }

        </style>
    </head>
    <body>
        <div id='app' class='center' style="display: flex; align: center; ">
            <center>
                <el-card style='width: 800px;'>
                    <div slot="header" style="font-size: large;">
                        <span>注意！</span>
                    </div>
                    <div style="font-size: 0.875rem;margin-bottom: 1.125rem;">
                        <span>{{message}}</span>
                    </div>
                    <br/>
                    <el-link type='primary' @click="handleBack()">返回继续工作</el-link>&nbsp;&nbsp;&nbsp;&nbsp;
                    <el-link type='primary' @click="handleBackHome()">返 回 首 页</el-link>
                </el-card>
            </center>
        </div>
        <script type="module">
            import * as $util from '../lib/hc-util.js'
            
            
            window.vm = new Vue({
                el: '#app',
                data: {
                   message:$util.getUrlArgOrDefault('msg','no error message'),
                   backurl:$util.getUrlArgOrDefault('backurl','/index.htm')
                },
                methods:{
                   handleBack:function()
                   {
                       $util.forward(this.backurl);
                   },
                   handleBackHome:function()
                   {
                       $util.forwardToHome();
                   }
                },
                });
        </script>
    </body>
</html>
